<template>
  <div>
    <div>默认</div>
    <YqCard title="YqCardDemo">
      <p>文本一</p>
      <p>文本二</p>
      <p>文本三</p>
      <p>文本四</p>
    </YqCard>

    <div>插槽</div>
    <YqCard>
      <template #headerIcon><AlarmClock></AlarmClock></template>
      <template #header>
        <div>YqCardDemo</div>
        <div style="flex: 1; display: flex; justify-content: right; padding: 0 10px">
          <el-button>打印</el-button>
        </div>
      </template>
      <p>文本一</p>
      <p>文本二</p>
      <p>文本三</p>
      <p>文本四</p>
    </YqCard>
  </div>
</template>
<script setup lang="ts" name="yqCardDemo">
import { AlarmClock } from "@element-plus/icons-vue";
import YqCard from "@/yqSrc/components/YqCard/index.vue";
</script>
